<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- Tell the browser to be responsive to screen width -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- Favicon icon -->
  <link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon.ico">
  <title>壹脉智能CRM</title>
  <!-- Bootstrap Core CSS -->
  <link href="./css/bootstrap.min.css" rel="stylesheet">
  <link href="./css/style.min.css" rel="stylesheet">
  <link href="./css/colors/default.css" id="theme" rel="stylesheet">
  <link rel="stylesheet" href="./css/diy.min.css">
  <style>
  .companyLogo {
    background-size: cover;
  }

  .card-page-header {
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #f1f2f3;
    font-size: 14px;
    color: rgba(103, 117, 124, 1);
    display: flex;
    justify-content: space-between;
    padding-right: 100px;
  }

  .card-page-header span {
    font-size: 14px;
    font-weight: 400;
    color: rgba(81, 205, 203, 1);
  }

  .back_btn {
    position: absolute;
    border-radius: 4px;
    background: #51CDCB;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    color: #fff;
    padding: 0 15px;
    cursor: pointer;
    top: 40px;
    right: 30px;
    z-index: 999;
  }
  </style>
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="fix-header fix-sidebar card-no-border">
  <div class="preloader">
    <div class="loader">
      <div class="loader__figure"></div>
      <p class="loader__label">壹脉</p>
    </div>
  </div>
  <div id="main-wrapper">
    <header class="topbar">
      <nav class="navbar top-navbar navbar-expand-md navbar-light">
        <div class="navbar-header">
          <a class="navbar-brand" href="/">
            <b>
              <img src="../assets/images/diy/yimai.png" alt="homepage" class="dark-logo" />
              <!--<img src="../assets/images/logo-light-icon.png" alt="homepage" class="light-logo"/>-->
            </b>
            <span>
              <span class="fs18 cblue p-l-6 fbold">壹脉智能CRM</span>
            </span>
          </a>
        </div>
        <div class="navbar-collapse">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item"> <a class="nav-link nav-toggler hidden-md-up waves-effect waves-dark" href="javascript:void(0)"><i class="sl-icon-menu"></i></a> </li>
            <li class="nav-item"> <a class="nav-link sidebartoggler hidden-sm-down waves-effect waves-dark" href="javascript:void(0)"><i class="sl-icon-menu"></i></a> </li>
          </ul>
          <user-head></user-head>
        </div>
      </nav>
    </header>
    <aside class="left-sidebar">
      <div class="scroll-sidebar">
        <company-position></company-position>
        <nav class="sidebar-nav p-0">
          <c-slider current="8"></c-slider>
        </nav>
      </div>
    </aside>
    <div class="page-wrapper">
      <div class="container-fluid">
        <div class="row page-titles">
          <div class="col-md-5 align-self-center">
            <h3 class="text-themecolor">数据统计</h3>
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="javascript:void(0)">HOME</a></li>
              <li class="breadcrumb-item active">代理企业</li>
            </ol>
          </div>
        </div>
        <div class="bgfff p-t-15 p-l-30 p-r-30 posre">
          <div class="back_btn" @click="back">&lt;&nbsp;&nbsp;返回</div>
          <div class="card-page-header">
            <div>企业信息</div>
            <div v-if="!companyDetail.endTime"><span>未授权</span></div>
            <div v-else>
              <span style="font-size: 12px;color: #67757c; margin-right: 20px;">{{companyDetail.createTime | formatDate('yyyy-MM-dd hh:mm')}} 到 {{companyDetail.endTime | formatDate('yyyy-MM-dd hh:mm')}}</span>
              <span style="font-weight: bold;font-size: 16px;color: #67757c;">{{companyDetail.currentNum}}</span>
              人
              <span style="margin-left: 20px;">{{companyDetail.endTime | getStatusByTimestamp}}</span>
            </div>
          </div>
          <div class="disflex p-t-15 p-b-15">
            <div class="w100 c677">企业LOGO</div>
            <div class="w50 h50 braduis50p c26 companyLogo" :style="'background-image:url(' + companyDetail.companyLogo + ')'">
            </div>
          </div>
          <div class="disflex p-t-15 p-b-15">
            <div class="w100 c677">企业名称</div>
            <div class="c26">{{companyDetail.companyName}}</div>
          </div>
          <div class="disflex p-t-15 p-b-15">
            <div class="w100 c677">所属行业</div>
            <div class="c26">{{companyDetail.industryName}}</div>
          </div>
          <div class="disflex p-t-15 p-b-15">
            <div class="w100 c677">企业公告</div>
            <div class="c26">{{companyDetail.companyNotice}}</div>
          </div>
          <div class="disflex p-t-15 p-b-enterprise-info15">
            <div class="w100 c677">企业员工</div>
            <div class="c26">{{companyDetail.allBusinessCardCount}}</div>
          </div>
          <div class="disflex p-t-15 p-b-15">
            <div class="w100 c677">客户人数</div>
            <div class="c26">{{companyDetail.allCustomerCount}}</div>
          </div>
          <div class="disflex p-t-15 p-b-15">
            <div class="w100 c677">创建时间</div>
            <div class="c26">{{companyDetail.createTime}}</div>
          </div>
          <div class="card-page-header" style="margin-top: 30px;">
            <div>管理员信息</div>
          </div>
          <div class="disflex p-t-15 p-b-15">
            <div class="w100 c677">姓名</div>
            <div class="c26">{{companyDetail.name}}</div>
          </div>
          <div class="disflex p-t-15 p-b-15">
            <div class="w100 c677">职位</div>
            <div class="c26">{{companyDetail.position}}</div>
          </div>
          <div class="disflex p-t-15 p-b-15">
            <div class="w100 c677">手机号码</div>
            <div class="c26">{{companyDetail.phone}}</div>
          </div>
          <div class="disflex p-t-15 p-b-15">
            <div class="w100 c677">微信号</div>
            <div class="c26">{{companyDetail.personalWx}}</div>
          </div>
          <div class="disflex p-t-15 p-b-15">
            <div class="w100 c677">邮箱</div>
            <div class="c26">{{companyDetail.email}}</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- All Jquery -->
  <!-- ============================================================== -->
  <script src="./js/jquery.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <script src="./js/perfect-scrollbar.jquery.min.js"></script>
  <script src="./js/sidebarmenu.js"></script>
  <!--Custom JavaScript -->
  <script src="./js/custom.min.js"></script>
  <script src="./js/layer/layer.js"></script>
  <!-- ============================================================== -->
  <script src="./js/vue.js"></script>
  <script src="./js/config.js"></script><script src="./js/extend.js"></script>
  <script>
  $(function() {
    var vw = new Vue({
      el: '#main-wrapper',
      data: {
        companyId: '',
        companyDetail: []
      },
      mounted() {
        this.init();
      },
      methods: {
        back() {
          window.history.back();
        },
        init() {
          this.companyId = $.formatParams(location.href).companyId;
          this.getCompanyDetail();
        },
        getCompanyDetail() {
          $.cAjax('/crmPc/companyGoods/getAdminCompanyInfo', {
            data: {
              companyId: this.companyId
            }
          }).then(res => {
            console.log(res)
            if (res) {
              this.companyDetail = res;
            }
          }).catch(err => {

          })
        }
      }
    })
  })
  </script>
</body>

</html>
